<template>
  <div>
    <h2>我是档案界面</h2>
    <p>我是档案的相关信息</p>
    <p>姓名: {{$route.query.name}}</p>
    <p>年龄: {{$route.query.age}}</p>
    <p>身高: {{$route.query.height}}</p>
  </div>
</template>

<script>
  export default {
    name: "Profile",
    created() {
      console.log("Profile组件 created");
    },
    destroyed() {
      console.log("Profile组件 destroyed");
    },
    activated() {
      console.log("Profile组件 activated");
    },
    deactivated() {
      console.log("Profile组件 deactivated");
    }
  }
</script>

<style scoped>

</style>

<!-- $router和$route是有区别的 -->
<!-- $router为VueRouter实例，想要导航到不同的URL，则使用$router.push方法 -->
<!-- $route为当前router跳转对象，里面可以获取name、path、query、params等 -->
